<!DOCTYPE html>
<html lang="zh-cn" xmlns:th="http://www.thymeleaf.org">

<head th:insert="~{admin/commons_admin::head}">
    <title>后台模板管理系统</title>
</head>

<body>
<!--通用顶栏-->
<div th:insert="~{admin/commons_admin::top_menu}"></div>

<!--主体-->
<div id="content">
    <!--侧边栏-->
    <div class="left_menu" th:replace="~{admin/commons_admin::left_menu}"></div>

    <div class="m-right">

        <div class="right-nav">
            <ul>
                <li style="margin-left:25px;">您当前的位置：</li>
                <li><a href="#">游客管理</a></li>
                <li>></li>
                <li><a href="#">游客登记</a></li>
            </ul>
        </div>

        <!--主体内容-->
        <div class="main">
            <form th:action="@{/admin/tourist/add}">

                <h2 class="col-sm-6 offset-3 text-primary" style="text-align: center;margin-bottom: 2rem" th:text="${msg}"></h2>
                <div class="input-group input-group-lg mb-3 col-sm-6 offset-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" >姓&emsp;&emsp;名</span>
                    </div>
                    <input required name="name" type="text" class="form-control">
                </div>

                <div class="input-group input-group-lg mb-3 col-sm-6 offset-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text" >电话号码</span>
                    </div>
                    <input required name="phone" type="text" class="form-control">
                </div>

                <div class="input-group input-group-lg mb-3 col-sm-6 offset-3">
                    <div class="input-group-prepend">
                        <span class="input-group-text">身份证号</span>
                    </div>
                    <input required name="idcard" type="text" class="form-control">
                </div>

                <div class="btn-group btn-group-lg mb-3 col-sm-6 offset-5" data-toggle="buttons">
                    <label class="btn btn-secondary">
                        性别
                    </label>
                    <label class="btn btn-secondary">
                        <input required name="gender" value="1" type="radio" id="option1" autocomplete="off" th:checked="${true}"> 男
                    </label>
                    <label class="btn btn-secondary">
                        <input required name="gender" value="0" type="radio" id="option2" autocomplete="off" th:checked="${false}"> 女
                    </label>
                </div>

                <button class="btn-success btn btn-lg col-sm-4 offset-4">登记</button>

            </form>

        </div>
    </div>
</div>


<!--通用footer-->
<div th:insert="~{admin/commons_admin::footer}"> </div>
</body>
</html>
